<template>
	<div class="login_body">
		<div>
			<input class="login_text" type="text" placeholder="账号/手机号/邮箱">
		</div>
		<div>
			<input class="login_text" type="password" placeholder="请输入您的密码">
		</div>
		<div class="login_btn">
			<input type="submit" value="登录" />
		</div>
		<div class="login_link">
			<a href="#">立即注册</a>
			<a href="#">忘记密码</a>
		</div>
	</div>
</template>

<script>
	export default {
		name:"Login"
	}
</script>

<style scoped> 
	.login_body{
		width: 100%;
	}
	.login_text{
		width: 96%;
		height: 40px;
		border: none;
		border-bottom: 1px #ccc solid;
		margin: 0 5px;
		outline: none;
	}
	.login_body .login_btn{
		height: 50px;
		margin: 10px;
	}
	.login_body .login_btn input{
		display: block;	
		width: 98%;
		height: 98%;
		background: #e54847;
		border-radius: 3px;
		border: none;
		color: white;
	}
	.login_link{
		display: flex;
		justify-content:space-between;
	}
	.login_link a{
		text-decoration: none;
		margin: 0 5px;
		font-size: 12px;
		color: #E54847;
	}
</style>